<!DOCTYPE html>
<html>
<head>
<title>Add New Post</title> <#include "header.htm">
</head>
<body>
	<#include "navbar.htm">
	<div id="wrap">
		<div class="container">
			<div class="row">
				<div class="col-lg-2">
					<div class="bs-sidebar affix" id="nav"></div>
				</div>
				<div class="col-lg-10">
					<div class="row">
						<div class="col-lg-9">
							<fieldset>
								<legend>Add New Post</legend>
								<div class="form-group">
									<input type="text" class="form-control" id="title" name="title"
										placeholder="Enter title here">
								</div>
								<div class="form-group">
									<div id="wmd-button-bar"></div>
									<textarea class="form-control" id="wmd-input"
										style="padding: 10px; resize: vertical; overflow: hidden;"
										rows="10"></textarea>
									<div id="wmd-preview"></div>
								</div>
								<div class="form-group">
									<textarea class="form-control"
										style="padding: 10px; resize: vertical;"
										rows="5"></textarea>
								</div>
								<script type="text/javascript"
									src="/static/js/Markdown.Converter.js"></script>
								<script type="text/javascript"
									src="/static/js/Markdown.Sanitizer.js"></script>
								<script type="text/javascript"
									src="/static/js/Markdown.Editor.js"></script>
								<script type="text/javascript">
									var timer = setTimeout(function(){
										var converter1 = Markdown.getSanitizingConverter();
                						converter1.hooks.chain("preBlockGamut", function (text, rbg) {
						                    return text.replace(/^ {0,3}""" *\n((?:.*?\n)+?) {0,3}""" *$/gm, function (whole, inner) {
						                        return "<blockquote>" + rbg(inner) + "</blockquote>\n";
						                    });
						                });
						                var editor1 = new Markdown.Editor(converter1);
						                editor1.run();
						                clearTimeout(timer);
									},100);
								</script>
							</fieldset>
						</div>
						<div class="col-lg-3" style="margin-top: 30px">
							<div class="accordion" id="accordion2">
								<div class="accordion-group">
									<div class="accordion-heading">
										<a class="accordion-toggle" data-toggle="collapse"
											data-parent="#accordion2" href="#collapseOne">Publish</a>
									</div>
									<div id="collapseOne" class="accordion-body collapse in">
										<div class="accordion-inner">
											<fieldset>
												<div class="form-group">
													<button type="button" class="btn btn-primary btn-mini">Save
														Draft</button>
													<button type="button"
														class="btn btn-primary btn-mini pull-right">Preview</button>
												</div>
												<div class="form-group">
													<label>Categories</label> <select
														class="form-control input-small">
														<option>1</option>
														<option>2</option>
														<option>3</option>
														<option>4</option>
														<option>5</option>
													</select>
												</div>
												<div class="form-group">
													<label>Visibility</label>
													<div class="radio" style="margin-top: 0">
														<label> <input type="radio" name="optionsRadios"
															id="optionsRadios1" value="option1" checked>Public
														</label>
													</div>
													<div class="radio" style="margin-bottom: 0">
														<label> <input type="radio" name="optionsRadios"
															id="optionsRadios2" value="option2">Private
														</label>
													</div>
												</div>
												<div class="form-group">
													<label>Datetime</label>
													<div class="form-inline">
														<input class="form-control input-small" maxlength="4"
															value="2013"
															style="height: 23px; width: 41px; padding: 3px 4px">/
														<input class="form-control input-small" maxlength="2"
															value="12"
															style="height: 23px; width: 27px; padding: 3px 4px">/
														<input class="form-control input-small" maxlength="2"
															value="30"
															style="height: 23px; width: 27px; padding: 3px 4px">,
														<input class="form-control input-small" maxlength="2"
															value="12"
															style="height: 23px; width: 27px; padding: 3px 4px">:
														<input class="form-control input-small" maxlength="2"
															value="30"
															style="height: 23px; width: 27px; padding: 3px 4px">
													</div>
												</div>
												<div class="form-group">
													<button type="submit" class="btn btn-default btn-small">Publish</button>
													<a class="text-danger pull-right" href="">Move to Trash</a>
												</div>
											</fieldset>
										</div>
									</div>
								</div>
								<div class="accordion-group">
									<div class="accordion-heading">
										<a class="accordion-toggle" data-toggle="collapse"
											data-target="#collapse-tag">Tags</a>
									</div>
									<div id="collapse-tag" class="accordion-body collapse in">
										<div class="accordion-inner"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<#include "footer.htm">
</body>
</html>
